<%@page import="org.apache.naming.java.javaURLContextFactory"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
	<link rel="stylesheet" media="screen,projection" type="text/css" href="css/skin.css" />
	<script type="text/javascript" src="javascript/cufon-yui.js"></script>
	<script type="text/javascript" src="javascript/font.font.js"></script>
	<script type="text/javascript">Cufon.replace('h1, h2, h3, h4, h5, h6, #logo', {hover:true});</script>
	
	<title>Videotekata.eu - Watch movies, TV shows online</title>
</head>
<body>
	<div id="main">
	<header>
		<div id="header" class="box">
			<p id="logo"><a href="./" title="Videotekata.eu [Go to homepage]">videotekata<span>.eu</span></a></p>
			<h3 id="slogan">Watch movies, TV shows online</h3>
		</div> <!-- /header -->
	</header>
	<nav>
		<!-- NAVIGATION -->
		<div id="nav" class="box">
			<ul>
				<li class="current"><a href="#">Home</a></li>
				<li><a href="#">Archives</a></li>
				<li><a href="#">Categories</a></li>
				<li><a href="#">Authors</a></li>
				<li><a href="#">Advertise</a></li>
				<li class="last"><a href="#">Contact</a></li>			
			</ul>

			<!-- SEARCH -->
			<form action="#" method="get" id="search">
				<div class="relative">
					<div id="search-input"><input type="text" size="30" name="" class="input-text" value="Search our website" onfocus="if(this.value=='Search our website') this.value=''" /></div>
					<div id="search-submit"><input type="image" src="design/search-submit.png" value="Search" /></div>
				</div> <!-- /relative -->
			</form>
		</div> <!-- /nav -->
	</nav>
	<!-- TRAY -->
	<div id="tray" class="box">
		<p class="f-right">
			<a href="#"><img src="design/ico-twitter.png" alt="Twitter" /></a>
			<a href="#"><img src="design/ico-rss.png" alt="RSS" /></a>
		</p>
		<p class="f-left">
			<a href="#">Home</a> <span>/</span> 
			<a href="#">Category</a> <span>/</span> 
			<strong>Page</strong>
		</p>
	</div> <!-- /tray -->
	
	<!-- COLUMNS -->
	<div id="section" class="box">
		<!-- CONTENT -->
		<div id="content">

			<!-- TOPSTORY -->
			<div id="topstory" class="box">
				<h1><a href="#">Probably the nicest blog template ever!</a></h1>
				<div class="tag">
					<strong><a href="#">15 comments</a></strong>
					<span>John Newcastle <span>|</span> <a href="#">Internet</a></span>
				</div> <!-- /tag -->

				<p>
					<img src="tmp/home.jpg" alt="" class="f-left" />
					We are living in exceptional times. Scientists tell us that we have 10 years to change the way we live, avert the depletion of natural resources and the catastrophic evolution of the Earth's climate.
					<br />
					The stakes are high for us and our children. Everyone should take part in the effort, and HOME has been conceived to take a message of mobilization out to every human being.
					<br />
					For this purpose, HOME needs to be free. A patron, the PPR Group, made this possible. EuropaCorp, the distributor, also pledged not to make any profit because Home is a non-profit film.
					<br />
					HOME has been made for you : share it! And act for the planet.
					<br />
					Yann Arthus-Bertrand <a href="#">More &raquo;</a>
				</p>
			</div> <!-- /topstory -->

			<div class="padding">
				<ul class="articles box">
					<% for (int i=0; i<10; ++i){	%>
					
					<li class="box">
						<section>
						<div class="articles-img">
							<a href="#"><img src="tmp/articles-01.jpg" alt="" /></a>
							<!-- Photo: (c) Nathan Borror -->
						</div> <!-- /articles-img -->

						<div class="articles-desc">
							<h2><a href="#">Movie <%=i+1%></a></h2>
							<p class="articles-info"><span class="articles-info-inner"><a href="#">13 comments</a> <span>|</span> Peter Newton <span>|</span> <a href="#">Web Design</a></span></p>
							<p>Some description <a href="#">More &raquo;</a></p>
						</div> <!-- /articles-desc -->
						</section>
					</li>
					
					<% } %>
				</ul>

				<!-- PAGINATION -->
				<div class="pagination box">
					<p class="f-right">
						<a href="#" class="current">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
						<a href="#">5</a>
						<a href="#">6</a>
						<a href="#">7</a>

						&nbsp;&nbsp;

						<a href="#">Next &raquo;</a>
					</p>

					<p class="f-left">Page 1 of 13</p>
				</div> <!-- /pagination -->
			</div> <!-- /padding -->
		</div> <!-- /content -->

		<aside>
		<!-- SIDEBAR -->
		<div id="aside">
			<h3 class="title">Advertise with us</h3>
			<div class="padding">
				<ul class="ads box">
					<li><a href="#"><img src="tmp/125x125.gif" alt="" /></a></li>
					<li class="last"><a href="#"><img src="tmp/125x125.gif" alt="" /></a></li>
				</ul>
			</div> <!-- /padding -->

			<h3 class="title">Menu</h3>

			<div class="padding">
				<ul class="menu">
					<li class="first current"><a href="#">Homepage</a></li>
					<li><a href="#">Categories</a></li>
					<li><a href="#">Discussion</a></li>
					<li><a href="#">Authors</a></li>
					<li><a href="#">Blogs</a></li>
					<li class="last"><a href="#">Contact</a></li>
				</ul>		
			</div> <!-- /padding -->

			<!-- ABOUT -->
			<h3 class="title">About</h3>
			<div class="padding">
				<p class="box nomt">
					<img src="tmp/about-01.jpg" alt="" class="f-left" />
					<!-- Photo: (c) Pierre Tourigny -->
					My name is Jessie Doe. I´m 26 years old and I´m living in the New York City.<br />
					<a href="#">More about me</a>
				</p>
			</div> <!-- /padding -->

			<!-- SPONSORS -->
			<h3 class="title">Sponsors</h3>
			<div class="padding">
				<ul class="sponsors">
					<li class="first">
						<a href="http://www.entrelo.com/">Entrelo</a><br />
						Web templates stars, more than 1 mio. downloads
					</li>
					<li>
						<a href="http://www.templatesdock.com/">TemplatesDock</a><br />
						Premium free web templates for download
					</li>

					<li>
						<a href="http://www.appstemplates.com/">AppsTemplates</a><br />
						iPhone &amp; iPad web templates for AppStore apps
					</li>

					<li class="last">
						<a href="http://www.adminsquare.com/">AdminSquare</a><br />
						Customizable admin templates for web applications
					</li>	
				</ul>				
			</div> <!-- /padding -->
		</div> <!-- /aside -->
		</aside>
		
	</div> <!-- /section -->
	
	
	<footer>
		<!-- FOOTER -->
		<div id="footer" class="box">
			<!-- Would you like to remove this line? Visit www.templatesdock.com/terms.php -->
			<p class="f-right"><a href="http://www.templatesdock.com/">Free web templates</a> by TemplatesDock<br />Tip: <a href="http://www.koupelny-sen.cz/">Koupelny SEN</a></p>
			<!-- Would you like to remove this line? Visit www.templatesdock.com/terms.php -->
			<p class="f-left">Copyright &copy;&nbsp;2011 <a href="#">CodaPress</a></p>
		</div> <!-- /footer -->
	</footer>
	</div> <!-- main -->
</body>
</html>